<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <!-- <script>
        window.onload = function(){   }

        $(function(){   })
    </script> -->
</head>
<body>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <input type="checkbox">
    <script>
        $("div").css("height","60px");
        $("div").css({
            border:"1px solid red",
            borderWidth:"10px",
            "border-color":"pink"
        })
        $("div").html("内容111");
        // $("div").text("内容222");//会覆盖内容1
        console.log($("div").html());  //  内容111\内容222

        // attr()  (属性操作)方法设置或返回被选元素的属性值。
        $("div").attr("index","10");
        // each() （遍历）方法规定为每个匹配元素规定运行的函数。
        // 提示：返回 false 可用于及早停止循环。$(selector).each(function(index,element))
        $("div").each(function(index,item){
            console.log(index); //遍历出的索引值
            console.log(item); //dom对象 //div
            $(item).attr("index",index); //添加属性
            $(item).attr({  //添加多个属性
                title:"提示信息",
                class:"aaa"
            })
        })
        // 删除某个属性
        $("div").removeAttr("title");

        // // 获取属性的值
        var a = $("div").eq(3).attr("index");
        console.log(a); // 3

        // // 添加一个class
        $("div").addClass("action");
        // // 删除一个class
        $("div").removeClass("action");

        // // 是否添加这个属性
        // $("input").prop("checked",false);
        $("input").prop("checked",true); 
    </script>
    <!-- prop() 方法设置或返回被选元素的属性和值。
    当该方法用于返回属性值时，则返回第一个匹配元素的值。
    当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。
    注意：prop() 方法应该用于检索属性值，例如 DOM 属性（如selectedIndex, tagName, nodeName, nodeType,ownerDocument
    defaultChecked, 和 defaultSelected）。
    提示：如需检索 HTML 属性，请使用 attr() 方法代替。
    提示：如需移除属性，请使用 removeProp() 方法。 -->
</body>
</html>